<!--预加载的css文件-->
<div id="css-file">
    <link rel="stylesheet" href="./css/newsInfo.css">
</div>
<!--预加载的script文件-->
<div id="script-file">
    <script data-src="./js/getNewsInfo.js"></script>
</div>
<div class="container">
    <?php echo '新闻id为：' . $_POST['id'] . '，cateNo：' . $_POST['cateNo'] ?>
    <div class="news-info">
        <ol class="breadcrumb">
            当前位置：
            <li><a href="./index.php">首页</a></li>
            <?php
            $query_cate = 'select * from tb_news where no=' . $_POST['id'];
            $rows = mysqli_fetch_array(mysqli_query($link, $query_cate));
            $query_cates = 'select * from tb_category where categoryNo=' . $rows['categoryNo'];
            $row_cates = mysqli_fetch_array(mysqli_query($link, $query_cates));

            ?>


            <li>
                <a href="./ShowClass.php#<?php echo $row_cates['categoryNo']; ?>"><?php echo $row_cates['categoryName']; ?></a>
            </li>
            <li class="active">新闻详情页</li>
        </ol>
        <div class="news-body row">
            <div class="news-content col-md-8">
                <?php
                $query_news = 'select * from tb_news where no=' . $_POST['id'];
                $result_news = mysqli_query($link, $query_news);
                while ($row_news = mysqli_fetch_array($result_news)) {
                    echo $row_news['body'];
                }
                ?>

            </div>
            <div class=" col-md-4">
                <div class="art-relate-list panel panel-info">
                    <div class="panel-heading">
                        <h3 class="panel-title"><span class="glyphicon glyphicon-tags"></span> 相关文章</h3>
                    </div>
                    <ul class="list-group">
                        <li class="list-group-item clearfix">
                            <a href="" class="pull-left">计算机工程系组织召开2019年征兵动员大会1</a>
                            <p class="click pull-right"><span class="glyphicon glyphicon-eye-open"></span><span
                                        class="click-sum">23</span></p>
                        </li>
                        <li class="list-group-item clearfix">
                            <a href="" class="pull-left">计算机工程系组织召开2019年征兵动员大会2</a>
                            <p class="click pull-right"><span class="glyphicon glyphicon-eye-open"></span><span
                                        class="click-sum">23</span></p>
                        </li>
                        <li class="list-group-item clearfix">
                            <a href="" class="pull-left">计算机工程系组织召开2019年征兵动员大会3</a>
                            <p class="click pull-right"><span class="glyphicon glyphicon-eye-open"></span><span
                                        class="click-sum">23</span></p>
                        </li>
                        <li class="list-group-item clearfix">
                            <a href="" class="pull-left">计算机工程系组织召开2019年征兵动员大会4</a>
                            <p class="click pull-right"><span class="glyphicon glyphicon-eye-open"></span><span
                                        class="click-sum">23</span></p>
                        </li>
                        <li class="list-group-item clearfix">
                            <a href="" class="pull-left">计算机工程系组织召开2019年征兵动员大会5</a>
                            <p class="click pull-right"><span class="glyphicon glyphicon-eye-open"></span><span
                                        class="click-sum">23</span></p>
                        </li>
                    </ul>
                </div>
                <div class="art-hot-list panel panel-danger">
                    <div class="panel-heading">
                        <h3 class="panel-title"><span class="glyphicon glyphicon-fire"></span> 近期热点</h3>
                    </div>
                    <ul class="list-group">
                        <li class="list-group-item clearfix">
                            <a href="" class="pull-left">计算机工程系LOGO设计大赛圆满落幕1</a>
                            <p class="click pull-right"><span class="glyphicon glyphicon-eye-open"></span><span
                                        class="click-sum">23</span></p>
                        </li>
                        <li class="list-group-item clearfix">
                            <a href="" class="pull-left">计算机工程系LOGO设计大赛圆满落幕2</a>
                            <p class="click pull-right"><span class="glyphicon glyphicon-eye-open"></span><span
                                        class="click-sum">23</span></p>
                        </li>
                        <li class="list-group-item clearfix">
                            <a href="" class="pull-left">计算机工程系LOGO设计大赛圆满落幕3</a>
                            <p class="click pull-right"><span class="glyphicon glyphicon-eye-open"></span><span
                                        class="click-sum">23</span></p>
                        </li>
                        <li class="list-group-item clearfix">
                            <a href="" class="pull-left">计算机工程系LOGO设计大赛圆满落幕4</a>
                            <p class="click pull-right"><span class="glyphicon glyphicon-eye-open"></span><span
                                        class="click-sum">23</span></p>
                        </li>
                        <li class="list-group-item clearfix">
                            <a href="" class="pull-left">计算机工程系LOGO设计大赛圆满落幕5</a>
                            <p class="click pull-right"><span class="glyphicon glyphicon-eye-open"></span><span
                                        class="click-sum">23</span></p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>